<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>评论</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/comment.css">
    <script src="../ExternalJs/jquery-2.2.4.min.js"></script>
    <script src="../js/conmon.js"></script>
    <script src="../ExternalJs/vue.js"></script>
    <script src="../js/comment.js"></script>
</head>
<body>
<header>
    <img src="../images/back.png">
    <p>评论</p>
</header>
<section id="mainPart">
    <section id="hot">
        <section class="comment_title"  v-for="item in items">
            <img v-if="$index === 0" src="../images/hot-comment@3x.png">
            <img v-bind:src="item.user_image" class="head_pic">
            <div class="comment_detail">
                <p><span class="usr_name">{{item.user_name}}</span><span class="usr_date">{{item.create_time}}</span><span class="thumb_num">{{item.zan}}</span><img v-if="item.is_zan == 0" src="../images/praise_icon@2x.png" v-bind:value="item.comment_id" class="comment_img"><img v-if="item.is_zan == 1" src="../images/praise_icon_l@2x.png" v-bind:value="item.comment_id" class="comment_img"></p>
                <p>{{item.comment_content}}</p>
            </div>
            <div class="extra"><p>{{item.comment_id}}</p></div>
            <div class="clear"></div>
        </section>
    </section>
    <section id="new">
        <section class="comment_title"  v-for="item in items">
            <img v-if="$index === 0" src="../images/new-comment@3x.png">
            <img v-bind:src="item.user_image" class="head_pic">
            <div class="comment_detail">
                <p><span class="usr_name">{{item.user_name}}</span><span class="usr_date">{{item.create_time}}</span><span class="thumb_num">{{item.zan}}</span><img v-if="item.is_zan == 0" src="../images/praise_icon@2x.png" v-bind:value="item.comment_id" class="comment_img"><img v-if="item.is_zan == 1" src="../images/praise_icon_l@2x.png" v-bind:value="item.comment_id" class="comment_img"></p>
                <p>{{item.comment_content}}</p>
            </div>
            <div class="extra"><p>{{item.comment_id}}</p></div>
            <div class="clear"></div>
        </section>
    </section>
</section>
</body>
</html>